<template>
  <div class="fullMain">
    <x-header
      class="custumHeader"
      :left-options="{backText: '',showBack: false}">
      <a slot="left" >
        <i slot="overwrite-left" class="lIcon">X</i>
      </a>
      <span>项目管理系统</span>
      <a slot="right">
        <x-icon slot="overwrite-right" type="ios-more" size="35" style="position:relative;top:-8px;left:-3px;"></x-icon>
      </a>
    </x-header>
    <div class="mainbBg">
      <div class="menuHeader">
        <i class="fa fa-chevron-left mT returnIcon"  @click="back"></i>
        <span class="ids">
          姓名：张三
        </span>
      </div>
      <div class="welcomeDiv">
        <div class="welcomTitle">
          <i class="fa fa-newspaper-o"></i>
          <span>欢迎进入项目管理系统</span>
        </div>
        <div class="welcomeBtnD">
          <div class="welcomeBtn" @click="cjxm">
            <div class="searchBtn"><i class="fa fa-search"></i></div>
            <span>创建项目</span>
          </div>
          <div class="welcomeBtn" @click="wdxm">
            <div class="collectBtn"><i class="fa fa-folder-open"></i></div>
            <span>我的项目</span>
          </div>
          <div class="welcomeBtn" @click="grzx">
            <div class="groupBtn"><i class="fa fa-user"></i></div>
            <span>个人中心</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  export default {
    name: "S-system-1-1",
    methods:{
      back(){
         this.$router.go(-1);
      },
      cjxm(){
        this.$router.push({name: '添加项目'});
      },
      wdxm(){
        this.$router.push({name: 'S-1-1-我的项目'});
      },
      grzx(){
        this.$router.push({name: 'S-personalcenter'});
      },
    },
    components:{
      XHeader,
    }
  }
</script>

<style>

</style>
